<h5 class="card-title fw-semibold mb-4 suchiva-table-title">Banners</h5>
<div class="card  suchiva-table-card">
  <div class="card-body">
    <div class="table-responsive">
      <table class="table text-nowrap mb-0 align-middle">
        <thead class="text-dark fs-4 bg-body-tertiary">
        <tr>
          <th class="border-bottom-0">
            <h6 class="fw-semibold mb-0 text-center ">序号</h6>
          </th>
          <th class="border-bottom-0">
            <h6 class="fw-semibold mb-0">缩略图</h6>
          </th>
          <th class="border-bottom-0">
            <h6 class="fw-semibold mb-0">更新时间</h6>
          </th>
          <th class="border-bottom-0">
            <h6 class="fw-semibold mb-0">备注</h6>
          </th>
          <th class="border-bottom-0">
            <h6 class="fw-semibold mb-0 text-center">状态</h6>
          </th>
          <th class="border-bottom-0">
            <h6 class="fw-semibold mb-0 text-center">操作</h6>
          </th>
        </tr>
        </thead>
        <tbody>
        <tr>
          <td class="border-bottom-0">
            <h6 class="fw-semibold text-center mb-0">1</h6>
          </td>
          <td class="border-bottom-0">
            <h6 class="fw-semibold mb-1">Sunil Joshi</h6>
            <span class="fw-normal">Web Designer</span>
          </td>
          <td class="border-bottom-0">
            <p class="mb-0 fw-normal">Elite Admin</p>
          </td>
          <td class="border-bottom-0">
            <div class="d-flex align-items-center gap-2">
              这是一个备注信息
            </div>
          </td>
          <td class="border-bottom-0 text-center">
            <div class="form-switch">
              <input class="form-check-input" type="checkbox" role="switch" id="flexSwitchCheckChecked" checked>
            </div>
          </td>
          <td class="border-bottom-0 text-center">
            <div class="text-center">
              <button type="button" class="btn btn-primary btn-sm">
                <i class="ti ti-edit"></i>
              </button>
              <button type="button" class="btn btn-danger btn-sm">
                <i class="ti ti-trash"></i>
              </button>
            </div>
          </td>
        </tr>

        </tbody>
      </table>

    </div>

  </div>
</div>
<nav aria-label="navigation" class="suchiva-navigation fixed-bottom mb-4">
  <ul class="pagination justify-content-end">
    <li class="page-item">
      <a class="page-link" href="#" aria-label="Previous">
        <span aria-hidden="true">&laquo;</span>
      </a>
    </li>
    <li class="page-item"><a class="page-link" href="#">1</a></li>
    <li class="page-item active"><a class="page-link" href="#">2</a></li>
    <li class="page-item"><a class="page-link" href="#">3</a></li>
    <li class="page-item">
      <a class="page-link" href="#" aria-label="Next">
        <span aria-hidden="true">&raquo;</span>
      </a>
    </li>
  </ul>
</nav>
